@media(min-width:768px) {
    .navbar-default {
        min-height: 60px;
    }
}
body{font-family: 'Questrial','Helvetica Neue',Arial,sans-serif;}
hr{ max-width: 80px;
    border-width: 3px;
    opacity: 0.09;
    margin-top: 15px;
    margin-bottom: 15px;}
.a{margin: 9% auto;}
h2{color: #C027BF;}
#topNav a{height: 60px;line-height: 33px;}
#topNav li{height: 60px;line-height: 60px;}
	#first{width:100%;text-align: center;padding-top: 84px;}
    header {
        min-height: 800%;
        background-color: #FFFFFF;
        overflow: hidden;
        min-height: 335px;
        /*335px*/
    }
    section {
/*        max-height: 1000px;*/
 		/*min-height: 600px;
        padding: 100px 0;*/
    }


    header .header-content .inner {
        margin-right: auto;
        margin-left: auto;
        max-width: 1000px;
    }

    header .header-content .inner h1 {
        font-size: 53px;
    }

    header .header-content .inner p {
        margin-right: auto;
        margin-left: auto;
        max-width: 80%;
        font-size: 18px;
    }
    #one{background-color: #222222;}
    #two{background-color: #282828;}
    .feature *{color: #D3D3D3;}
    .er{padding-top: 100px;}
    .text-faded{color: #BBBBBB;font-weight: 600;}
    #tow i{width: 300px;height: 300px;}
    #three .im{margin: 0;padding: 0;}
    #three{margin: 0;padding: 0;}
    #three .no-padding{}



/*图片点击变大*/
/*transition: all 0.6s;表示所有的属性变化在0.6s的时间段内完成。
transform: scale(1.4);表示在鼠标放到图片上的时候图片按比例放大1.4倍。*/
/*.im img{  
                cursor: pointer;  
                transition: all 0.6s;  
            }  
            .im img:hover{  
                transform: scale(1.2);  
            } */
    .gallery-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
    overflow:hidden;
}

/*缩放*/
.gallery-box .gallery-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    /*background: rgba(44,44,44,.8);*/
   background-color: red;
    transition: all .35s;
    transition: all .35s;
    transition: all .35s;
    /*transition 渐变  用的时间*/
}
.gallery-box:hover img {
    /*-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);*/
    transform: scale(1.1);
    opacity:0.5;filter(alpha=50);
    /*filter: 过滤器*/
    /*Alpha：设置透明度*/
    /*transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。*/
}

.gallery-box-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    /*transform: translateY(-50%) 实现元素垂直居中效果*/
}

.gallery-box img {
	/*把鼠标指针放到 div 元素上，过渡渐变*/
	transition: all 300ms ease-in-out;
	/*ease-in-out先加速在减速*/
}
.modal-body{padding: 5;background-color:#1D1D1D;}
.modal-footer span{margin: 0 auto;}
.modal-footer{background-color:#1D1D1D;border: none;}
.xian{
	    max-width: 80px;
    border-width: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
	border-top: 3px solid #393939;}
	
	
	/*灰*/
.gallery-box .gallery-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(44,44,44,.8);
    /*-webkit-transition: all .35s;
    -moz-transition: all .35s;*/
    transition: all .35s;
}
.tup2{display: none;}

/*更改图片颜色 class*/
/*.glyphicon-send{color: #337AB7;}*/
.glyphicon-fire{color: red;}

/**/

.tx h1{margin: -4% 2%;}


/*4*/

#four{background-color: #282828;width: 100%;color: #D3D3D3;}

#four h1,h2,h3{margin-bottom: 20px;}


/*提交什么的*/
#last{background-color: #222222;}

/*反馈*/
.lovefk{color: #D3D3D3;}


/*底部*/
#footer{background-color: #2D2D2D;}
#footer h4{color: #D3D3D3;}
#tc h1{color: #D2D2D2;}
#tc p{color: #D2D2D2;}

#tc2 h1{color: #D2D2D2;}
#tc2 h6{color: #337AB7;}
#tc2 p{color: #D2D2D2;}


